import React from 'react'
import styles from './index.css'
import Input from '../Input'
import {InputItem} from '../Input'
import { Popconfirm } from 'antd';
import Button from '../Button'
import { Radio } from 'antd';
const RadioButton = Radio.Button;
const RadioGroup = Radio.Group;
import Loading from '../Loading'


class Home extends React.Component{
    constructor(props){
        super(props)
    }
    componentDidMount(){

    }
    handleChange(event){
        console.log(event.target.value)
    }
    render(){

        return <div>
            <div style={{height:'100px',width:'100%',position:'relative'}}> <Loading/></div>

            <Input before="用户名" value="" placeholder="请输入用户名" onChange={this.handleChange}/>
            <Input before="密码" value="" placeholder="请输入密码" onChange={this.handleChange}/>
            <Input before="IP地址" value="" placeholder="请输入IP地址" onChange={this.handleChange}/>
            <Input before="子网掩码" value="" placeholder="请输入子网掩码" onChange={this.handleChange}/>
            <Input before="网关" value="" placeholder="请输入网关" onChange={this.handleChange}/>
            <InputItem before="网关" value="123456" placeholder="请输入网关" onChange={this.handleChange}>
                <div>test1</div>
                <div>test2</div>
            </InputItem>
            <InputItem before="用户名" value="" placeholder="请输入用户名" onChange={this.handleChange}/>
            <div className="test">
                <Popconfirm title="Are you sure？" okText="Yes" cancelText="No">
                    <a href="#">Delete</a>
                </Popconfirm>
                <RadioGroup onChange={this.handleChange} defaultValue="a">
                    <RadioButton value="a">Hangzhou</RadioButton>
                    <RadioButton value="b">Shanghai</RadioButton>
                    <RadioButton value="c">Beijing</RadioButton>
                    <RadioButton value="d">Chengdu</RadioButton>
                </RadioGroup>
            </div>
            <div style={{width:'400px',margin:"50px"}}>
                <Button labelText='拨号' onClick={()=>console.log("click")}/>
            </div>
        </div>

    }
}
export default Home